﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="SubmeterArtigo.aspx.cs" Inherits="Artigo_SubmeterArtigo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link href="../Teste/jQueryUI/development-bundle/themes/flick/jquery.ui.all.css"
        rel="stylesheet" type="text/css" />
    <script src="../scripts/jquery.blockUI.js" type="text/javascript"></script>
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <link href="../Teste/fancySlidingForm/css/style.css" rel="stylesheet" type="text/css" />
    <script src="../Teste/fancySlidingForm/sliding.form.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <script src="../scripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
    <script type="text/javascript" src="../scripts/jquery.maskedinput-1.3.min.js"></script>
    <script type="text/javascript">
        var configGridPessoas = { s: 4, i: 1, t: '', o: '' };
        var convitePessoas = new Array();
        var idartigo;
        $(document).ready(function () {
            carregarEvento();
            carregarTrilha();
        });
        var dateFormat;
        function DateFormat(date)
        {
            var milli = date.replace(/\/Date\((-?\d+)\)\//, '$1');
            var d = new Date(parseInt(milli));
            var date = new Date(d);
            var day = date.getDate();
            var month = date.getMonth();
            if(date.getDate() < 10)
            {
                day = '0' + date.getDate();
            }
            month = month + 1;
            if(date.getMonth() < 10)
            {
                month = '0' + month;
            }
            dateFormat = day + '/' + month + '/' + date.getFullYear();
        }
        function carregarEvento()
        {
            $('#mensagem-processando').show();
            var di, df;
            $.ajax({
                async: false,
                type: "POST",
                url: "SubmeterArtigo.aspx/carregarEvento",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success:
                    function (msg) {
                        var item = msg.d;
                        $('#evento').text(item.titulo);
                        di = item.dataArtigoInicial;
                        df = item.dataArtigoFinal;
                    }
            });
            DateFormat(df);
            df = dateFormat;
            DateFormat(di);
            di = dateFormat;
            $.ajax({
                async: false,
                type: "POST",
                url: "SubmeterArtigo.aspx/prazo",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success:
                    function (msg) {
                        if(msg.d != true)
                        {
                            document.getElementById('wrapper2').style.visibility = 'hidden';
                            $('#dataA').text(df);
                            $('#dataDe').text(di);
                            $('#dialog-prazo').dialog({
                                closeOnEscape: false,
                                title: 'Prazo',
                                resizable: false,
                                position: 'center',
                                height: '200',
                                width: '320',
                                modal: true,
                                overlay: {
                                    backgroundColor: '#000',
                                    opacity: 0.5
                                },
                                close: function(){
                                            history.back();
                                       },
                                buttons: [
                                    {
                                        text: "Ok", 
                                        click: function() { 
                                            history.back();
                                        }
                                    }
                                ]
                            });
                        }
                    }
            });
            $('#mensagem-processando').hide();
        };
        function cadastrar()
        {
            $('#mensagem-processando').show();
            //var cadastrado = false;
            tinyMCE.triggerSave(true,true);
            var resumo = tinyMCE.get('textAreaResumo').getContent();
            var valueSelected = "";
            if(document.getElementById('divTrilha').style.display != "none")
            {
                var indexSelect = document.getElementById("selectTrilha").selectedIndex;
                valueSelected = document.getElementById("selectTrilha").options[indexSelect].value;
            }
            $.ajax({
                async: false,
                type: "POST",
                url: "SubmeterArtigo.aspx/cadastrarArtigo",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
            	data: JSON.stringify({titulo: $('#textTitulo').val(), resumo:  resumo, trilha: valueSelected}),
                success:
                    function (msg) {
                        idartigo = msg.d;
                    }
            });
            for(i=0;i<convitePessoas.length;i++)
            {   
                $.ajax({
                    async: false,
                    type: "POST",
                    url: "SubmeterArtigo.aspx/convidarAutor",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
        		    data: JSON.stringify({nome: convitePessoas[i].nome, instituicao:  convitePessoas[i].instituicao, curso: convitePessoas[i].curso, email: convitePessoas[i].email, comentario: convitePessoas[i].comentario, idArtigo: idartigo}),
                    success:
                        function (msg) {
                            //cadastrado = msg.d;
                        }
                });   
            }
            var tabela = document.getElementById("tabela-autores-resultado");
            for(i=1;i<tabela.rows.length;i++)
            {
                var email = tabela.rows[i].cells[1].innerHTML;
                $.ajax({
                    async: false,
                    type: "POST",
                    url: "SubmeterArtigo.aspx/vincularAutor",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
        		    data: JSON.stringify({email: email, idArtigo:  idartigo, ordem: (parseInt(i) - parseInt(1))}),
                    success:
                        function () {
                        }
                });
            }
            $('#mensagem-processando').hide(); 
            history.back();
        };
        function convidarAutor()
        {
            $('#mensagem-processando').show();
            $.ajax({
                async: false,
                type: "POST",
                url: "SubmeterArtigo.aspx/existeUsuario",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
        		data: JSON.stringify({email: $('#textEmail').val()}),
                success:
                    function (msg) {
                        if(msg.d != "nao")
                        {
                            $('#fontNomeUsuario').text(msg  .d);
                            $('#dialog-existe').dialog({
                                title: 'Pessoa já existe',
                                resizable: false,
                                position: 'center',
                                height: '200',
                                width: '320',
                                modal: true,
                                overlay: {
                                    backgroundColor: '#000',
                                    opacity: 0.5
                                }
                            });
                        }
                        else
                        {
                            var pessoa = {nome: $('#textNome').val(), instituicao: $('#textInstituicao').val(), curso: $('#textCurso').val(), email: $('#textEmail').val(), comentario: $('#textAreaComentario').val()};
                            convitePessoas.push(pessoa);
                            if(document.getElementById("tabela-autores-resultado").rows.length > 1)
                            {
                                if(document.getElementById("tabela-autores-resultado").rows[1].cells.length < 2)
                                {
                                    $("tbody", document.getElementById("tabela-autores-resultado")).remove();
                                }
                            }
                            var tabela = document.getElementById("tabela-autores-resultado");
                            var ultima      = tabela.rows.length;

                            var tbody       = document.createElement('tbody');
                            var linha       = document.createElement("tr");
        
                            var celula1     = document.createElement("td");
                            var nodotexto1  = document.createTextNode($('#textNome').val());
                            celula1.appendChild(nodotexto1);
                            linha.appendChild(celula1);

                            var celula4     = document.createElement("td");
                            var nodotexto4  = document.createTextNode($('#textEmail').val());
                            celula4.appendChild(nodotexto4);
                            linha.appendChild(celula4);

                            var celula5     = document.createElement("td");
                            var myLink1 = document.createElement('a'); 
                            myLink1.setAttribute('href',"javascript:acima(\'"+ultima+"\');"); 
                            myLink1.innerHTML = "<img src=\'../Imagens/pointer_up.png\' style=\'padding-right: 2px;\' alt=\'Acima\'>";
                        
                            var myLink2 = document.createElement('a'); 
                            myLink2.setAttribute('href',"javascript:abaixo(\'"+ultima+"\');");
                            myLink2.innerHTML = "<img src=\'../Imagens/pointer_down.png\' alt=\'Abaixo\'>";

                            var myLink3 = document.createElement('a'); 
                            myLink3.setAttribute('href',"javascript:excluir(\'"+ultima+"\');");
                            myLink3.innerHTML = "<img src=\'../Imagens/Cancel.png\' style=\'padding-left: 2px;\' alt=\'Excluir\'>";

                            celula5.setAttribute("style","width:70px");
                            celula5.appendChild(myLink1);
                            celula5.appendChild(myLink2);
                            celula5.appendChild(myLink3);
                            linha.appendChild(celula5);

                            tbody.appendChild(linha);

                            tabela.appendChild(tbody);
                            $("#dialog-cadastrar").dialog("close");
                        }
                    }
            });    
            $('#mensagem-processando').hide();
        };
        function inserirNovoAutor()
        {
            $('#mensagem-processando').show();
            document.getElementById('dialog-pesquisa').style.display = 'block';
            $('#dialog-pesquisa').dialog({
                title: 'Pesquise o autor',
                resizable: false,
                position: 'center',
                height: '400',
                width: '750',
                modal: true,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.5
                }
            });
            $('#mensagem-processando').hide();
        };
        function cadastrarNovo()
        {
            $('#mensagem-processando').show();
            $('#dialog-pesquisa').dialog("close");
            document.getElementById('dialog-cadastrar').style.display = 'block';
            $('#dialog-cadastrar').dialog({
                title: 'Cadastrar novo autor',
                resizable: false,
                position: 'center',
                height: '400',
                width: '750',
                modal: true,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.5
                }
            });
            $('#mensagem-processando').hide();
        };
        function proximo1() {
            $('#mensagem-processando').show();
            $('#passo2').click();
            $('#mensagem-processando').hide();
        };
        function proximo2() {
            $('#mensagem-processando').show();
            $('#passo3').click();
            $('#mensagem-processando').hide();
        };
        function proximo3() {
            $('#mensagem-processando').show();
            $('#passo4').click();
            $('#mensagem-processando').hide();
        };
        function proximo4() {
            $('#mensagem-processando').show();
            tinyMCE.triggerSave(true,true);
            var resumo = tinyMCE.get('textAreaResumo').getContent();
            var tabela      = document.getElementById("tabela-confirmar");
            $("tbody", tabela).remove(); 
            var tbody       = document.createElement('tbody');
            var passar = true;      
            if(document.getElementById("tabela-autores-resultado").rows.length == 1)
            {
                $('#passo3').click();
                passar = false;
            }
            else if(document.getElementById("tabela-autores-resultado").rows[1].cells.length < 2)
            {
                $('#passo3').click();
                passar = false;
            }
            if($('#textTitulo').val() == "" || resumo == "")
            {
                $('#passo2').click();
                passar = false;
            }      
            if(passar == true)
            {
                for(i=1;i<document.getElementById("tabela-autores-resultado").rows.length;i++)
                {
                    var linha       = document.createElement("tr");
                    for(f=0;f<2;f++)
                    {
                        var celula     = document.createElement("td");
                        var teste      = document.getElementById("tabela-autores-resultado").rows[i].cells[f].innerHTML;
                        var nodotexto  = document.createTextNode(document.getElementById("tabela-autores-resultado").rows[i].cells[f].innerHTML);
                        celula.appendChild(nodotexto);
                        linha.appendChild(celula);
                    }
                    tbody.appendChild(linha);
                }
                tabela.appendChild(tbody);
                
                if(document.getElementById('divTrilha').style.display != "none")
                {
                    var indexSelect = document.getElementById("selectTrilha").selectedIndex;
                    var valueSelected = document.getElementById("selectTrilha").options[indexSelect].text;
                }
                else
                {
                    
                }
                $('#divResumo').innerHTML = resumo;
                $('#fontTrilha').text(valueSelected);
                $('#fontTitulo').text($('#textTitulo').val());
                $('#passo5').click();
            }
            $('#mensagem-processando').hide();
        };
        function voltar2() {
            $('#mensagem-processando').show();
            $('#passo1').click();
            $('#mensagem-processando').hide();
        };
        function voltar3() {
            $('#mensagem-processando').show();
            $('#passo2').click();
            $('#mensagem-processando').hide();
        };
        function voltar4() {
            $('#mensagem-processando').show();
            $('#passo3').click();
            $('#mensagem-processando').hide();
        };
        function voltar5() {
            $('#mensagem-processando').show();
            $('#passo4').click();
            $('#mensagem-processando').hide();
        };
        function isObjectEmpty(obj) {
            for (var x in obj) { 
                return false; 
            }
            return true;
        }
        function carregarTrilha() {
            $('#mensagem-processando').show();
            $.ajax({
                type: "POST",
                async: false,
                url: "SubmeterArtigo.aspx/carregarTrilha",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success:
                    function (msg) {
                        if(!isObjectEmpty(msg.d))
                        {
                            document.getElementById('divTrilha').style.display = 'block';
                            document.getElementById('divTrilhaConfirmar').style.display = 'block';
                            for (i = 0; i < msg.d.length; i++) {
                                var select = document.getElementById("selectTrilha");
                                var optn = document.createElement("OPTION");
                                optn.text = msg.d[i].nome;
                                optn.value = msg.d[i].id;
                                select.options.add(optn);
                            }
                        }
                        else
                        {
                            $('#passo2').click();
                            document.getElementById('divTrilha').style.display = 'none';
                            document.getElementById('divTrilhaConfirmar').style.display = 'none';                            
                        }
                    }
            });
            $('#mensagem-processando').hide();
        };
        function cancelarConviteNovoAutor()
        {
            $('#mensagem-processando').show();
            $('#dialog-cadastrar').dialog("close");   
            $('#mensagem-processando').hide();         
        };
        function pesquisarPessoa() {
            $('#mensagem-processando').show();
            document.getElementById("divTabelaPessoas").style.display = "block";
        	var lista;
        		$.ajax({
                    async: false,
        			type: "POST",
        			url: "SubmeterArtigo.aspx/getPessoas",
        			contentType: "application/json; charset=utf-8",
        			dataType: "json",
        			data: JSON.stringify({pagina: configGridPessoas.i, nome: $('#textNomePesquisa').val()}),
        			success: 
        				function (msg) {
        					lista = msg.d;
        					$('#tabela-pessoas').fswGrid({
        						bottombar: '#tabela-pessoas-footer',
        						selectable: true,
        						selectSingle: true,
        						sortable: true,
        						nextText: 'Próxima',
        						prevText: 'Anterior',
        						resultText: 'Exibindo de {0} a {1} de {2} resultados ',
        						results: false,
        						pagination: true,
        						message: 'Nenhuma pessoa encontrada',
        						pageSize: configGridPessoas.s,
        						onNext: function (i) {
        							configGridPessoas.i = configGridPessoas.i + 1;
        						},
        						onPrev: function (i) {
        							configGridPessoas.i = configGridPessoas.i - 1;
        						},
        						render: function (row, item) {                                
        							var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.Pessoa.nome));
                                    $(row).append($('<td>').text(item.email));
                                    tdAcoes.append($('<a id="buttonVincular" href="javascript:selecionarAutor(\''+item.id+'\')" style="color: #FFFFFF" class="buttonAcaoMenor">Selecionar</a>'));
        							$(row).append(tdAcoes);
        						}
        					}, lista);
        				},
        		});
            $('#mensagem-processando').hide();
        };
        function selecionarAutor(guid)
        {
            $('#mensagem-processando').show();        
            if(document.getElementById("tabela-autores-resultado").rows.length > 1)
            {
                if(document.getElementById("tabela-autores-resultado").rows[1].cells.length < 2)
                {
                    $("tbody", document.getElementById("tabela-autores-resultado")).remove(); 
                }
            }
            $.ajax({
                async: false,
        		type: "POST",
        		url: "SubmeterArtigo.aspx/getAutor",
        		contentType: "application/json; charset=utf-8",
        		dataType: "json",
        		data: JSON.stringify({id: guid}),
        		success: 
        			function (msg) {
                        var tabela      = document.getElementById("tabela-autores-resultado");
                        var ultima      = tabela.rows.length;
                        var parar = false;
                        for(i=1;i<ultima;i++)
                        {
                            if(msg.d.email == tabela.rows[i].cells[1].innerHTML)
                            {
                                parar = true;
                                $('#dialog-jaexiste').dialog({
                                    title: 'Já inserido',
                                    resizable: false,
                                    position: 'center',
                                    height: '200',
                                    width: '200',
                                    modal: true,
                                    buttons: [
                                        {
                                            text: "Ok", 
                                            click: function() { 
                                                $(this).dialog("close");
                                            }
                                        }
                                    ]
                                });
                            }
                        }
                        if(!parar)
                        {
                            var tbody       = document.createElement('tbody');
                            var linha       = document.createElement("tr");
        
                            var celula1     = document.createElement("td");
                            var nodotexto1  = document.createTextNode(msg.d.Pessoa.nome);
                            celula1.appendChild(nodotexto1);
                            linha.appendChild(celula1);
                            var celula4     = document.createElement("td");
                            var nodotexto4  = document.createTextNode(msg.d.email);
                            celula4.appendChild(nodotexto4);
                            linha.appendChild(celula4);

                            var celula5     = document.createElement("td");
                            var myLink1 = document.createElement('a'); 
                            myLink1.setAttribute('href',"javascript:acima(\'"+ultima+"\');"); 
                            myLink1.innerHTML = "<img src=\'../Imagens/pointer_up.png\' style=\'padding-right: 2px;\' alt=\'Acima\'>";
                        
                            var myLink2 = document.createElement('a'); 
                            myLink2.setAttribute('href',"javascript:abaixo(\'"+ultima+"\');");
                            myLink2.innerHTML = "<img src=\'../Imagens/pointer_down.png\' alt=\'Abaixo\'>";

                            var myLink3 = document.createElement('a'); 
                            myLink3.setAttribute('href',"javascript:excluir(\'"+ultima+"\');");
                            myLink3.innerHTML = "<img src=\'../Imagens/Cancel.png\' style=\'padding-left: 2px;\' alt=\'Excluir\'>";

                            celula5.setAttribute("style","width:70px");
                            celula5.appendChild(myLink1);
                            celula5.appendChild(myLink2);
                            celula5.appendChild(myLink3);
                            linha.appendChild(celula5);

                            tbody.appendChild(linha);

                            tabela.appendChild(tbody);
                        }
        			},
        	});
            $('#dialog-pesquisa').dialog("close");
            $('#mensagem-processando').hide();
        };
        function excluir(posicao)
        {
            $('#mensagem-processando').show();
            if(document.getElementById("tabela-autores-resultado").rows.length == 2)
            {
                if(document.getElementById("tabela-autores-resultado").rows[1].cells.length < 2)
                {
                    $("tbody", document.getElementById("tabela-autores-resultado")).remove(); 
                }
            }
            var tabela = document.getElementById('tabela-autores-resultado');
            var rowAtual = tabela.rows[posicao];
            for(i=posicao;i<tabela.rows.length-1;i++)
            {
                for(f=0;f<2;f++)
                {
                    tabela.rows[i].cells[f].innerHTML = tabela.rows[parseInt(i) + parseInt(1)].cells[f].innerHTML;
                }
            }
            tabela.deleteRow(tabela.rows.length-1);
            if(document.getElementById("tabela-autores-resultado").rows.length == 1)
            {
                var tabela      = document.getElementById("tabela-autores-resultado");
                var tbody       = document.createElement('tbody');
                var linha       = document.createElement("tr");
        
                var celula1     = document.createElement("td");
                celula1.setAttribute("colspan","5");
                var nodotexto1  = document.createTextNode("Insira novo autor");
                celula1.appendChild(nodotexto1);
                linha.appendChild(celula1);
                tbody.appendChild(linha);
                tabela.appendChild(tbody)
            }
            $('#mensagem-processando').hide();
        };
        function acima(posicao)
        {
            $('#mensagem-processando').show();
            var tabela = document.getElementById('tabela-autores-resultado');
            var tabela2 = document.getElementById('tabela-confirmar');
            if(posicao != 1)
            {
                for(i=0;i<2;i++)
                {
                    var temp = tabela.rows[parseInt(posicao)-parseInt(1)].cells[i].innerHTML;
                    tabela.rows[parseInt(posicao)-parseInt(1)].cells[i].innerHTML = tabela.rows[posicao].cells[i].innerHTML;
                    tabela.rows[posicao].cells[i].innerHTML = temp;
                }
            }
            $('#mensagem-processando').hide();
        };
        function abaixo(posicao)
        {
            $('#mensagem-processando').show();
            var tabela = document.getElementById('tabela-autores-resultado');
            var tabela2 = document.getElementById('tabela-confirmar');
            if(posicao != tabela.rows.length)
            {
                for(i=0;i<2;i++)
                {
                    var temp = tabela.rows[posicao].cells[i].innerHTML;
                    var teste1 = tabela.rows[posicao].cells[i].innerHTML;
                    var teste2 = posicao+1;
                    tabela.rows[posicao].cells[i].innerHTML = tabela.rows[parseInt(posicao)+parseInt(1)].cells[i].innerHTML;
                    tabela.rows[parseInt(posicao)+parseInt(1)].cells[i].innerHTML = temp;
                }
            }
            $('#mensagem-processando').hide();   
        };
        function voltar() {
            window.location = "../Evento/DefaultUS.aspx";
        };
        tinyMCE.execCommand ( "mceAddControl", true, "textAreaResumo");
    </script>
    <style>
        span.reference
        {
            position: fixed;
            left: 5px;
            top: 5px;
            font-size: 10px;
            text-shadow: 1px 1px 1px #fff;
        }
        span.reference a
        {
            color: #555;
            text-decoration: none;
            text-transform: uppercase;
        }
        span.reference a:hover
        {
            color: #000;
        }
        h1
        {
            color: #ccc;
            font-size: 36px;
            text-shadow: 1px 1px 1px #fff;
            padding: 20px;
        }
        div.growlUI
        {
            background: url(check48.png) no-repeat 10px 10px;
        }
        div.growlUI h1, div.growlUI h2
        {
            color: white;
            padding: 5px 5px 5px 75px;
            text-align: left;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <table>
        <tr>
            <td id="menu" style="width: 160px">
                <dl>
                    <dt style="color: Blue; font-size: 15px">MENU</dt>
                    <br />
                    <dd>
                        <a href="../Evento/DefaultUS.aspx" style="border-bottom: 1px solid #F4F4F4">Detalhes
                            Evento</a>
                    </dd>
                    <dd>
                        <a href="ListarArtigosUS.aspx" style="border-bottom: 1px solid #F4F4F4">Meus
                            Artigos do Evento</a>
                    </dd>
                    <dd>
                        <a href="SubmeterArtigo.aspx" style="border-bottom: 1px solid #F4F4F4;
                            font-weight: bold">Submeter
                            Artigo</a>
                    </dd>
                    <dd>
                        <a href="../Quesito/ListarQuesitoUS.aspx" style="border-bottom: 1px solid #F4F4F4">Quesitos para avaliação</a>
                    </dd>
                </dl>
            </td>
            <td style="border-left: 1px solid #EEE; padding-left: 10px">
                <font style="font-weight: bold" id="evento"></font>
                <div id="content" style="margin: 15px 60px; text-align: left; width: 570px">
                    <div id="wrapper2" style="width: 585px;">
                        <br />
                        <br />
                        <div id="steps" style="height: 410px">
                            <form id="formElem" name="formElem" action="" method="post">
                            <fieldset class="step" style="height: 800px">
                                <div id="divTrilha" style="display: none">
                                    <div>
                                        <h2>
                                            Trilha:</h2>
                                        <br />
                                    </div>
                                    <select id="selectTrilha" name="selectTrilha">
                                    </select>
                                    <br />
                                    <br />
                                    <br />
                                    <a id="buttonProximo1" class="buttonAcao" href="javascript:proximo1()">Próximo &raquo;</a>
                                </div>
                            </fieldset>
                            <fieldset class="step">
                                <div>
                                    <div>
                                        <h2>
                                            Informações/Dados:</h2>
                                        <br />
                                    </div>
                                    <table>
                                        <tr>
                                            <td>
                                                Título:
                                            </td>
                                            <td>
                                                <input id="textTitulo" type="text" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Resumo:
                                            </td>
                                            <td>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            </td>
                                            <td>
                                                <textarea id="textAreaResumo"></textarea>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <br />
                                <br />
                                <br />
                                <a id="buttonVoltar2" class="buttonAcao" href="javascript:voltar2()">&laquo; Voltar</a>
                                <a id="buttonProximo2" class="buttonAcao" href="javascript:proximo2()">Próximo &raquo;</a>
                            </fieldset>
                            <fieldset class="step">
                                <div>
                                    <h2>
                                        Autores</h2>
                                    <br />
                                </div>
                                <a id="buttonInserirNovoAutor" class="buttonAcao" href="javascript:inserirNovoAutor()">
                                    Inserir novo autor</a>
                                <br />
                                <br />
                                <div style="width: 585px; height: 210px; overflow-y: auto">
                                    <table id="tabela-autores-resultado" style="width: 540px" class="tabela-pesquisa">
                                        <thead>
                                            <tr>
                                                <th>
                                                    Nome
                                                </th>
                                                <th>
                                                    Email
                                                </th>
                                                <th>
                                                    Ordem
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td colspan="5">
                                                    Insira novo autor
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <br />
                                <br />
                                <a id="buttonVoltar3" class="buttonAcao" href="javascript:voltar3()">&laquo; Voltar</a>
                                <a id="buttonProximo3" class="buttonAcao" href="javascript:proximo3()">Próximo &raquo;</a>
                            </fieldset>
                            <fieldset class="step">
                                <div>
                                    <div>
                                        <h2>
                                            Manuscrito</h2>
                                        <br />
                                    </div>
                                    <div id="tab-imagem-computador">
                                        <table width="100%">
                                            <tr>
                                                <td width="50">
                                                    <img id="img-imagem-computador" width="50" height="50" />
                                                </td>
                                                <td>
                                                    <form id="imageAjaxUploadForm" action="<%=Request.ApplicationPath %>../scripts/uploadify/uploadify.aspx"
                                                    method="post" enctype="multipart/form-data">
                                                    <input type="hidden" name="siteId" id="siteId" />
                                                    <input type="hidden" name="allowedExtensions" id="allowedExtensions" value=".jpg,.jpeg,.gif,.png" />
                                                    <div id="imagem-computador-aviso" style="display: none">
                                                    </div>
                                                    <input id="file_upload_imagem" name="file_upload_imagem" type="file" />
                                                    <a type="submit" id="imagem-computador-upload" class="buttonAcaoMenor">Enviar arquivo</a>
                                                    </form>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <br />
                                    <br />
                                    <br />
                                    <a id="buttonVoltar4" class="buttonAcao" href="javascript:voltar4()">&laquo; Voltar</a>
                                    <a id="buttonProximo4" class="buttonAcao" href="javascript:proximo4()">Próximo &raquo;</a>
                                </div>
                            </fieldset>
                            <fieldset class="step">
                                <div>
                                    <h2>
                                        Confirmar</h2>
                                    <br />
                                </div>
                                <div id="divTrilhaConfirmar" style="display: none">
                                    <table>
                                        <tr>
                                            <td>
                                                Trilha:
                                            </td>
                                            <td>
                                                <font id="fontTrilha"></font>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <table>
                                    <tr>
                                        <td>
                                            Título:
                                        </td>
                                        <td>
                                            <font id="fontTitulo"></font>
                                        </td>
                                    </tr>
                                </table>
                                <br />
                                Autores
                                <br />
                                <div style="width: 585px; height: 210px; overflow-y: auto">
                                    <table class="tabela-pesquisa" id="tabela-confirmar" style="width: 540px">
                                        <thead>
                                            <tr>
                                                <th>
                                                    Nome
                                                </th>
                                                <th>
                                                    Email
                                                </th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                <br />
                                <a id="buttonVoltar5" class="buttonAcao" href="javascript:voltar5()">&laquo; Voltar</a>
                                <a href="javascript:cadastrar()" id="concluir" class="buttonAcao">Concluir</a>
                            </fieldset>
                            </form>
                        </div>
                    </div>
                    <div id="navigation" style="display: none; visibility: hidden;">
                        <ul>
                            <li class="selected"><a href="#" id="passo1">1 - Área</a> </li>
                            <li><a href="#" id="passo2">2 - Informação/Dados</a> </li>
                            <li><a href="#" id="passo3">3 - Autores</a> </li>
                            <li><a href="#" id="passo4">4 - Manuscrito</a> </li>
                            <li><a href="#" id="passo5">5 - Confirmar</a> </li>
                        </ul>
                    </div>
                </div>
                <br />
                <br />
                <br />
                <a href="javascript:voltar()" id="voltar" class="buttonAcao">&laquo; Voltar</a>
            </td>
        </tr>
    </table>
    <div id="dialog-cadastrar" style="display: none">
        <div style="text-align: center">
            <h2>
                A confirmação do autor é necessária. Um email será enviado.
            </h2>
        </div>
        <table>
            <tr>
                <td>
                    Nome:
                </td>
                <td>
                    <input id="textNome" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Instituição:(opcional)
                </td>
                <td>
                    <input id="textInstituicao" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Curso:(opcional)
                </td>
                <td>
                    <input id="textCurso" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    E-mail:
                </td>
                <td>
                    <input id="textEmail" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Escreva uma frase personalizada:
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <textarea id="textAreaComentario" cols="30" rows="6"></textarea>
                </td>
            </tr>
        </table>
        <br />
        <br />
        <br />
        <a class="buttonAcao" id="buttonConvidarAutor" style="color: #FFFFFF" href="javascript:convidarAutor();">
            Concluir</a> <a class="buttonAcao" id="buttonCancelarConviteAutor" style="color: #FFFFFF"
                href="javascript:cancelarConviteNovoAutor();">Cancelar</a>
    </div>
    <div id="dialog-jaexiste" style="display: none">
        Autor já inserido !
    </div>
    <div id="dialog-prazo" style="display: none">
        Fora do prazo para submissão de artigos !
        Período: de <font id="dataDe"></font> à <font id="dataA"></font>
    </div>
    <div id="dialog-cadastrado" style="display: none">
        Artigo submetido com sucesso !
    </div>
    <div id="dialog-naocadastrado" style="display: none">
        erro ao cadastrar artigo, tente denovo
    </div>
    <div id="dialog-existe" style="display: none">
        Já existe pessoa com esse email !
        <br />
        <br />
        <br />
        Nome: <font id="fontNomeUsuario"></font>
    </div>
    <div id="dialog-pesquisa" style="display: none">
        <br />
        <div>
            <div style="text-align: right">
                <a id="buttonCadastrarNovo" style="color: #FFFFFF" class="buttonAcao" href="javascript:cadastrarNovo()">
                    Cadastrar novo autor</a>
            </div>
            <div style="text-align: left">
                <input id="textNomePesquisa" type="text" />
                <a id="buttonPesquisar" style="color: #FFFFFF" class="buttonAcao" href="javascript:pesquisarPessoa()">
                    Pesquisar</a>
            </div>
        </div>
        <div id="divTabelaPessoas">
            <table class="tabela-pesquisa" id="tabela-pessoas">
                <thead>
                    <tr>
                        <th>
                            Nome
                        </th>
                        <th>
                            Email
                        </th>
                        <th style="width: 20%">
                            Ação
                        </th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <div class="button-footer" id="tabela-pessoas-footer">
                <span class="fsw-grid-results"></span><a style="color: #FFFFFF" runat="server" id="A1"
                    class="fsw-grid-prev" href="javascript:pesquisarPessoa();">Anterior</a> <a style="color: #FFFFFF"
                        class="fsw-grid-next" runat="server" id="A2" href="javascript:pesquisarPessoa();">
                        Próximo</a>
            </div>
        </div>
    </div>
</asp:Content>
